<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/newOne.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Superior Docks</title>
<!-- InstanceEndEditable -->
<link href="css/v1.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {color: #000000}
.style2 {font-size: 14px}
.style4 {
	color: #000000;
	font-size: 14;
	font-weight: bold;
}
-->
</style>
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script type="text/javascript">
    function submitFormCheck() {
        alert("1");
        var str = document.forms[0].email.value;
        alert("2");
        if(!((str.indexOf(".") > 0) && (str.indexOf("@") == 1))) {
            alert("3");
            document.getElementById('emailMsg').innerHTML = ' - Invalid Email Address.';
            alert("4");
            return false;
        }
        return true;
    }
</script>
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
</head>
<body onload="MM_preloadImages('button-two.gif','buttons/home_two.gif','buttons/drawings_two.gif','buttons/pricelist_two.gif','buttons/gallery_two.gif','buttons/specifications_two.gif','buttons/inquiry_two.gif')">
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr class="topbarbg">
    <td width="800" height="30" align="right"><span class="smallwhitetext" style="padding:12px;"><a href="file:///C|/Documents and Settings/Administrator/My Documents/Laptop Web Dev/index.htm" >Home</a> | <a href="#">Sitemap</a> | <a href="file:///C|/Documents and Settings/Administrator/My Documents/Laptop Web Dev/inquiry.htm">Contact Us</a></span></td>
  </tr>
  <tr>
    <td align="center" valign="middle"><table width="100%" border="0" cellpadding="0" cellspacing="0">

      <tr>
        <td width="200" align="center" valign="middle" class="bodycolortrans"><h1><!-- InstanceBeginEditable name="PageTitle" -->Inquiry Form <!-- InstanceEndEditable --></h1></td>
        <td width="600" height="50" align="left" valign="bottom" class="bodycolortrans"><img src="img/logo.gif" alt="company logo" width="311" height="41" /></td>
      </tr>
      <tr>
        <td width="200" align="left" valign="top" class="bodycolor"><table width="38%" border="0" cellspacing="0" cellpadding="0">
          <tr bgcolor="#FFFFFF">
            <td align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><a href="index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','buttons/home_two.gif',1)"><img src="buttons/home-one.gif" alt="Home" name="home" width="160" height="29" border="0" id="home" /></a><a href="index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','buttons/home_two.gif',1)"></a></td>
              </tr>
              <tr>
                <td><a href="drawings.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Drawings','','buttons/drawings_two.gif',1)"><img src="buttons/drawings-one.gif" alt="Drawings" name="Drawings" width="160" height="29" border="0" id="Drawings" /></a></td>
              </tr>
              <tr>
                <td><a href="price.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Pricelist','','buttons/pricelist_two.gif',1)"><img src="buttons/pricelist-one.gif" alt="PriceList" name="Pricelist" width="160" height="29" border="0" id="Pricelist" /></a></td>
              </tr>
              <tr>
                <td><a href="gallery.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Gallery','','buttons/gallery_two.gif',1)"><img src="buttons/gallery-one.gif" alt="gallery" name="Gallery" width="160" height="29" border="0" id="Gallery" /></a></td>
              </tr>
              <tr>
                <td><a href="specs.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('specs','','buttons/specifications_two.gif',1)"><img src="buttons/specifications-one.gif" alt="Specifications" name="specs" width="160" height="29" border="0" id="specs" /></a></td>
              </tr>
              <tr>
                <td><a href="inquiry.php" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Inquiry','','buttons/inquiry_two.gif',1)"><img src="buttons/inquiry-one.gif" alt="Inquiry" name="Inquiry" width="160" height="29" border="0" id="Inquiry" /></a></td>
              </tr>
            </table>
              </td>
          </tr>
          <tr>
            <td><p><span class="smallwhitetext style1 style2"><span class="smallgraytext"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Home','','button-two.gif',1)"></a></span></span><span class="smallwhitetext style1 style2"><span class="smallgraytext">420 Christian Ridge Rd. <br />
                Ellsworth, ME 04605 <br />
                Ph: 207-664-2121 <br />
                Fax: 207-664-2533</span></span></p>
              <p><span class="style1"><strong><img src="img/email.gif" alt="email image" width="143" height="12" /></strong></span></p></td>
          </tr>
        </table></td>
        <td width="600" align="left" valign="top" class="bodycolor"><!-- InstanceBeginEditable name="ContentArea" -->
          <form action="mailit.php" method="post" onsubmit="return submitFormCheck();">
            <table width="90%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td class="smallgraytext">Name</td>
                <td><input name="name" type="text" size="40" maxlength="100" /></td>
              </tr>
              <tr>
                <td class="smallgraytext">Email<span id="emailMsg" style="color:red;"></span></td>
                <td><input name="email" type="text" size="40" maxlength="100" /></td>
              </tr>
              <tr>
                <td class="smallgraytext">Phone</td>
                <td><input name="phone" type="text" size="40" maxlength="50" /></td>
              </tr>
              <tr>
                <td class="smallgraytext"> What size gangway are you interested in?</td>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td align="right" class="smallgraytext">Approximate length</td>
                <td><input type="text" size="12" name="Length" />
                  <img src="images/1trans.gif" width="1" height="5" /></td>
              </tr>
              <tr>
                <td align="right" class="smallgraytext">Approximate width</td>
                <td><input type="text" size="12" name="width" /></td>
              </tr>
              <tr>
                <td class="smallgraytext">Location: </td>
                <td><b>&nbsp;&nbsp;</b></td>
              </tr>
              <tr>
                <td align="right" class="smallgraytext">City or Town</td>
                <td><input name="location-town" type="text" id="location-town" size="25" /></td>
              </tr>
              <tr>
                <td align="right" class="smallgraytext">State </td>
                <td><input name="location-state" type="text" id="location-state" size="25" /></td>
              </tr>
              <tr>
                <td class="smallgraytext">How did you learn about Superior Docks?</td>
                <td><select name="learn">
                  <option value="None Specified">Select one</option>
                  <option value="None Specified">------------</option>
                  <option value="Yahoo!">Yahoo!</option>
                  <option value="Excite">Excite</option>
                  <option value="Webcrawler">Webcrawler</option>
                  <option value="AltaVvista">AltaVista</option>
                  <option value="Google">Google</option>
                  <option value="Word of Mouth">Word of Mouth</option>
                  <option value="Bulk Mail">Bulk Mail</option>
                  <option value="Marina">Marina</option>
                  <option value="Other">Other</option>
                </select></td>
              </tr>
              <tr>
                <td><p>Thank you for your interest in <strong>Superior Docks</strong>. A representative will be in touch soon. </p>
                  </td>
                <td><p>
                  <textarea name="message" cols="40" rows="7" id="message">Please enter your questions and comments.</textarea>
                </p>                  </td>
              </tr>
              <tr>
                <td>&nbsp;</td>
                <td align="center" valign="middle"><input type="submit" name="Submit" value="Submit" /></td>
              </tr>
            </table>
            <p>&nbsp;</p>
            </form>
          <p align="justify">&nbsp;</p>
          <!-- InstanceEndEditable --></td>
      </tr>

    </table>
    </td>
  </tr>
  <tr class="bodycolortrans">
    <td height="30" align="right" valign="middle">&nbsp;</td>
  </tr>
</table>
</body>
<!-- InstanceEnd --></html>
